<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>

<script type="text/javascript">
	$(document).ready(function(){
		$("#backBtn").click(function(){
			history.go(-1);
		});
		var ssnflag=false;
		var idflag=false;
		var nickflag=false;
		$("#registerF").submit(function(){
			
			if(isNaN($("#tel1").val()))
			{
			alert("전화번호를 숫자로만 입력하십시오")
			return false;
			}
			if(ssnflag==false)
				{
				alert("SSn 중복을 확인 하시오");
				return false;
				}
			
			if(idflag==false)
				{
				alert("아이디 중복을 확인 하시오");
				return false;
				}
			if(nickflag==false)
				{
				alert("닉네임 중복을 확인 하시오");
				return false;
				}
			if($("#id1").val()==""||$("#password1").val()==""||$("#ssn1").val()==""
				||$("#nick1").val()==""||$("#name1").val()==""||$("#address1").val()==""
				||$("#tel1").val()=="")
			{
			alert("공백없이 입력하시오");
			return false;
			}
			
		}); //registerF submit
		
		$("#idCheckBtn").click(function()
		{
			if($("#id1").val()=="")
			{
			alert("id을 입력하십시오");
			return false;
			}
			$.ajax({
				type : "post",
				url : "${initParam.root}/checkMemberById.do",
				data:"id="+$("#id1").val(),
				datatype:"json",
				success:function(data){
					if(data==true)
						{
						alert("사용가능한 아이디 입니다");
						idflag=true;
						}
					else
						{
						alert("사용 불가능한 아이디 입니다");
						idflag=false;
						}			
				}
			});
			
		});//idChekBtn click
		
		
		$("#ssnCheckBtn").click(function()
				{
			if($("#ssn1").val()=="")
				{
				alert("ssn을 입력하십시오");
				return false;
				}
			if(isNaN($("#ssn1").val()))
			{
			alert("주민등록번호를 숫자로만 입력하십시오");
			return false;
			}
					$.ajax({
						type : "post",
						url : "${initParam.root}/checkMemberBySsn.do",
						data:"ssn="+$("#ssn1").val(),
						datatype:"json",
						success:function(data){
							if(data==true)
								{
								alert("사용가능한 주민번호 입니다");
								ssnflag=true;
								}
							else
								{
								alert("이미 사용중인 주민번호 입니다");
								ssnflag=false;
								}
							
							
						
						}
					});
					
				});
		
		$("#nickCheckBtn").click(function()
				{
			if($("#nick1").val()=="")
			{
			alert("닉네임을 입력하십시오");
			return false;
			}
					$.ajax({
						type : "post",
						url : "${initParam.root}/checkMemberByNick.do",
						data:"nick="+$("#nick1").val(),
						datatype:"json",
						success:function(data){
							if(data==true)
								{
								alert("사용가능한 닉네임 입니다");
								nickflag=true;
								}
							else
								{
								alert("사용 불가능한 닉네임 입니다");
								nickflag=false;
								}
							
							
						
						}
					});
					
				});//nickCheckBtn
		
		
	});
	
	
	
</script>

<center>
<h1>회 원 가 입</h1>
<form id="registerF" action="${initParam.root}/register.do" method="post">
아이디 : <input type="text" id="id1" name="id">&nbsp;&nbsp;<input type="button" id="idCheckBtn" value="중복확인"> <Br> 
패스워드 : <input type="password" id="password1" name="password"><br>
SSN : <input type="password" id="ssn1" name="ssn"> <input type="button" id="ssnCheckBtn" value="중복확인"><br>
닉네임 : <input type="text" id="nick1" name="nick"> &nbsp;&nbsp;<input type="button" id="nickCheckBtn" value="중복확인"><br> 
이름 : <input type="text" id="name1" name="name"><br>
주소 : <input type="text" id="address1" name="address"><br>
전화번호 : <input type="text" id="tel1" name="tel"><br>
<input type="submit" value="가입하기">&nbsp;&nbsp;&nbsp;
 <input id="backBtn" type="button" value="뒤로가기">
 <Br>

</form>
</center>
